import QtQuick 2.0

Canvas{
    id:root
    x:320
    y:200
    width: 200
    height: 200
    onPaint: {
        //获取画布上下文
        var ctx=getContext("2d")
        var gradient=ctx.createLinearGradient(100,0,100,200)//渐变点从100,0开始，再100,200结束
        gradient.addColorStop(0,"blue") //渐变色在停止点定义一个颜色，范围从0.0到1.0，
        gradient.addColorStop(0.5,"lightsteelblue")
        ctx.fillStyle=gradient
        ctx.fillRect(50,50,100,100)

    }
}
